.inventoryApp { display:inline-block; font-size:12px; line-height:14px; }
.inventoryMessage { padding:5px; }
.inventoryMessage.empty { color:#000; }
.inventoryMessage.loaded { color:#3677cb; text-decoration:underline; }
.inventoryBox {  position: absolute; display:block; opacity:0; background: #fff; padding:0px; height:0px; border-radius: 3px; width: auto; white-space: nowrap; transform: scale(.1,.1); overflow:hidden; }
.inventoryBox.show { animation: showInventory .25s ease 0s 1 forwards; padding:3px 2px 1px 4px; height: auto; overflow:auto; z-index:10000; box-shadow:0px 0px 3px #666; }

.inventoryApp .dataDetailRow { border: 1px solid #f1f1f1; display: flex; display: -ms-flexbox; flex: 0 0 calc(34% - 15px); margin-bottom: 2px; margin-right: 2px; font-size: 12px; line-height: 12px; padding: 0px; width:300px; }
.inventoryApp .dataDetailRow .dataColLeft { padding: 10px; text-align: left; color: #333; display: flex; display: -ms-flexbox; background: #f1f1f1; flex: 0 0 40%; }
.inventoryApp .dataDetailRow .dataColRight { background: #fff; white-space: normal; padding: 10px; text-align: left; }
.inventoryApp .dataDetailRow.aboveThreshold .dataColRight, .dataDetailRow.belowThreshold .dataColRight { color:green; }

@keyframes showInventory
{
	0% { transform: scale(.7,,.7); opacity:.25; }
	100% { transform: scale(1,1); opacity:.98; }
}